<template>
  <Navbar2></Navbar2>
  <a-layout-content style="padding: 70px 50px">
    <BreadCrumbShow :navgation-index="4"></BreadCrumbShow>
    <div :style="{ background: '#fff', padding: '24px', minHeight: '880px' }">
      <a-layout>
        <a-row>
          <a-col :span="6">
            <PgHeader page-title="Filter"></PgHeader>

<!--            <a-layout-header class="headerStyle">Header</a-layout-header>-->
            <a-layout-content class="contentStyle">
            </a-layout-content>

          </a-col>
          <a-col :span="18" style="float: right">
<!--            <a-layout-header class="headerStyle">Header</a-layout-header>-->
            <PgHeader2 page-title="Issue List" ></PgHeader2>

            <a-layout-content class="contentStyle" style="word-wrap:break-word;word-break:break-all;height: 200px;min-height: 100vh;display: block;overflow-y: scroll;">
<!--              <a-table :row-selection="rowSelection" :columns="columns" :data-source="data" />-->
              <tasksTable></tasksTable>
            </a-layout-content>
          </a-col>
        </a-row>


        <!--        <a-layout-footer class="footerStyle">Footer</a-layout-footer>-->
      </a-layout>

    </div>
  </a-layout-content>
</template>

<script>
import Navbar2 from "@/views/components/Navbar2.vue";
import {mapActions, mapGetters} from "vuex";
import BreadCrumbShow from "@/views/components/BreadCrumbShow.vue";
import PgHeader from "@/views/components/PgHeader.vue";
import PgHeader2 from "@/views/components/PgHeader2.vue";
import TasksTable from "@/views/components/TasksTable.vue";
import EventBus, {DEL_ISSUES_BTN, ISSUES_LIST_INVOKE} from '@/utils/eventBus'

export default {
  name: "IssueList",
  components: {TasksTable, PgHeader2, PgHeader, BreadCrumbShow, Navbar2},
  data(){
    return {
      rowSelection: null,
      columns:[],
    }
  },
  methods:{
    ...mapActions([
      'navigationChange',
      'issueStatusChange',
      'projectChange',
    ]),
    onEnterSearchIssues(){
      console.log('onEnterSearchIssues')
      EventBus.$emit(ISSUES_LIST_INVOKE,null)
    }
  },
  created() {
    this.navigationChange('4')
    this.issueStatusChange(this.$route.query.status)
    this.projectChange(this.current_pid)
  },
  computed: {
    ...mapGetters([
      'token',
      'current_pid',
    ])
  },


}
</script>

<style scoped>
.headerStyle {
  text-align: center;
  /*color: '#fff';*/
  height: 50px;
  padding-inline: inherit;
  line-height: 64px;
  /*background-color: blue;*/
  background-color: grey;
}

.contentStyle {
  text-align: center;
  min-height: 120px;
  line-height: 120px;
  /*color: '#fff';*/
  /*backgroundColor: '#108ee9';*/
}
</style>
